<template>
	<div class="container">
		<headbox :title="title"></headbox>
		<div class="context">
			<el-card class="box-card">
				<div slot="header" class="clearfix">
					<span>作品效果</span>
				</div>
				<p>请简要介绍作品的各项功能和效果展示，不超过3千字，插图不超过10幅。</p>
				<wangeditor ref="wangeditor"></wangeditor>
				<el-button @click="save" class="btn" type="primary">保存作品效果</el-button>
			</el-card>
		</div>
	</div>
</template>

<script>
	import headbox from './head.vue'
	import wangeditor from '../wangEditor.vue'
	export default {
		data() {
			return {
				title: '作品效果',
				text:'',
			}
		},
		methods: {
			save(){
				this.text = this.$refs.wangeditor.gethtml()
				console.log(this.text,'作品效果');
			}
		},
		components: {
			headbox,
			wangeditor
		}
	}
</script>

<style>
	.btn {
		margin-top: 10px;
	}
	
	.context p {
		font-size: 14px;
	}
</style>
